<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Profile</title>
<link rel="stylesheet" href="../../scripts/jquery.ui/theme/smoothness/jquery-ui-1.8.6.custom.css" media="screen" />
<link rel="stylesheet" href="../../css/register.css" media="screen" />
<link rel="stylesheet" href="../../scripts/jquery.validate/validate.css" media="screen" />
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript" src="../../scripts/jquery.validate/validate-register.js"></script>
<style type="text/css">
html, body {
/*overflow: hidden;*/
}
table {
	border:#999 solid 1px;
}
</style>
<script type="text/javascript" src="../../scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../../scripts/cufon/PSL_Kittithada_Pro___700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h2');
	Cufon.replace('h3');
	Cufon.replace('label');
</script>
</head>
<body>
<!--$header_html-->
<div>
  <form action="" method="post"  name="form-register" id="form-register"  class="register-info" enctype="multipart/form-data">
    <fieldset>
      <h4>ACCOUNT INFORMATION</h4>
      <ul>
        <li class="username">
          <label>ชื่อที่แสดงในเว็บไซต์ </label>
          <input type="text" name="username" id="username" class="username" value="$ss_username" />
        </li>
        <li>
          <label>อีเมล์ </label>
          <p> <span> $ss_email</span> </p>
        </li>
        <li>
          <label class="member_scid" for="member_scid">Member Card Id :</label>
          <input type="text" name="member_scid" id="member_scid" class="member_scid" value="$ss_member_scid" />
        </li>
      </ul>
    </fieldset>
    <fieldset>
      <h4>PERSONAL INFORMATION</h4>
      <ul>
        <li>
          <label>ชื่อ </label>
          <input type="text" name="first_name" id="first_name" value="$ss_first_name" />
        </li>
        <li>
          <label>นามสกุล </label>
          <input type="text" name="last_name" id="last_name" value="$ss_last_name" />
        </li>
        <li class="gender">
          <label>Gender :</label>
          <input type="radio" name="gender" value="1" id="male" checked="checked" />
          <label for="male">Male</label>
          <input type="radio" name="gender" value="2" id="female" />
          <label for="female">Female</label>
        </li>
        <li>
          <label>วันเกิด </label>
          <input type="text" name="birthday" id="birthday" value="$ss_birthday"/>
        </li>
        <li>
          <label>Company / Building Name :</label>
          <input name="company" type="text" id="company" class="company" value="$ss_company" />
        </li>
        <li class="address">
          <label>Address No. :</label>
          <input name="address" type="text" id="address" class="address" value="$ss_address" />
        </li>
        <li>
          <label>Road :</label>
          <input name="road" type="text" id="road" class="road" value="$ss_road" />
        </li>
        <li>
          <label>Soi :</label>
          <input name="soi" type="text" id="soi" class="soi" value="$ss_soi" />
        </li>
        <li>
          <label>Subdistrict :</label>
          <input name="subdistrict" type="text"  id="subdistrict" class="subdistrict" value="$ss_subdistrict"/>
        </li>
        <li>
          <label>District :</label>
          <input name="district" type="text" id="district" class="district" value="$ss_district" />
        </li>
        <li>
          <label>Province :</label>
          <select name="province" id="province"  class="province">
            <option value="">เลือกจังหวัด</option>
            <!--$provinceOptions-->
          </select>
        </li>
        <li>
          <label>Postcode :</label>
          <input name="postcode" type="text" id="postcode" class="postcode" value="$ss_postcode" />
        </li>
        <li>
          <label>Telephone :</label>
          <input name="telephone" type="text" id="telephone" class="telephone" value="$ss_telephone" />
        </li>
      </ul>
    </fieldset>
    <fieldset>
      <ul>
        <li style="height:50px;">
          <label>กรอกข้อความที่ท่านเห็น </label>
          <img src="/captcha/" width="120" height="45" /> </li>
        <li>
          <label></label>
          <p>
            <input type="text" name="captcha" id="captcha"  value="" />
          </p>
        </li>
        <br class="clear" />
      </ul>
    </fieldset>
    <p class="button">
      <input class="submit" type="submit" value="submit"  />
      <input class="reset" type="reset" value="reset" />
    </p>
    <br class="clear" />
  </form>
</div>
<div>
  <h2>padding</h2>
  <ul>
    <!--SiXhEaD:padding-->
    <li>
      <h3>ORDER ID : $order_id</h3>
      <div>$historyHTML</div>
    </li>
    <!--/SiXhEaD:padding-->
  </ul>
  <h2>dilivery</h2>
  <p><a href="/track-trace/" target="_blank">Track Trace</a></p>
  <ul>
    <!--SiXhEaD:dilivery-->
    <li>
      <h3>ORDER ID : $order_id</h3>
      <p>EMS CODE : $ems_id</p>
      <div>$historyHTML</div>
    </li>
    <!--/SiXhEaD:dilivery-->
  </ul>
  <h2>Complete</h2>
  <ul>
    <!--SiXhEaD:complete-->
    <li>
      <h3>ORDER ID : $order_id</h3>
      <div>$historyHTML</div>
    </li>
    <!--/SiXhEaD:complete-->
  </ul>
  <div> </div>
</div>
</body>
</html>
